import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

export default class Sign extends React.Component {
    static navigationOptions = ({ navigation }) => ({
        title: `签到`
    });
    render() {
        const days = 88
        return (
            <View style={styles.container}>
                <Text style={styles.gray}>你已连续签到</Text>
                <Text style={styles.red}>{days}</Text>
                <Text style={styles.gray}>天</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection: 'row',
        height: 30,
        justifyContent: 'center',
        paddingTop: 20
    },
    gray: {
        color: '#3a3848',
        fontSize: 20,
        paddingTop: 10
    },
    red: {
        color: '#ee5050',
        fontWeight: 'bold',
        fontSize: 30,
        paddingLeft: 10,
        paddingRight: 10
    },
});